Europaisches Patentamt 
European Patent Office 
Office europeen des brevets 




© Publication number: 



0 689 133 A2 



© 



EUROPEAN PATENT APPLICATION 



© Application number: 95303789.2 
© Date of filing: 02.06.95 



© Int. CI. 6 : G06F 9/44 



© Priority: 23.06.94 US 265653 


© Applicant: ADOBE SYSTEMS INC. 


1585 Charleston Road 


© Date of publication of application: 


Mountain View 


27.12.95 Bulletin 95/52 


California 94039-7900 (US) 


© Designated Contracting States: 


@ Inventor: Johnston, Kevin R. 


DE FR GB IT SE 


505 Cypress Point Drive, No. 152 




Mountain View, 




California 94043 (US) 




© Representative: Wombwell, Francis et al 




Potts, Kerr & Co. 




15, Hamilton Square 




Birkenhead 




Merseyside L41 6BR (GB) 



© Method of displaying multiple sets of information in the same area of a computer screen 



CM 
< 

CO 
CO 



CD 
00 
CO 



© A method for displaying on a computer screen 
multiple sets of information needed on a recurring 
basis, comprising the steps of: (1) Establishing an 
area on the computer screen in which the multiple 
sets of information are to be displayed, the estab- 
lished area having a maximum size which is sub- 
stantially less than the entire area of the screen. (2) 
Providing within the established area a plurality of 
selection indicators, one for each of the multiple sets 
of information. (3) Selecting one of the multiple sets 
of information for display within the established area 
by pointing to one of the selection indicators within 
the established area, whereby the selected set of 
information will be substituted within the established 
area for the set of information previously being dis- 
played therein. A selected set of information may 
also be moved out of the selected area by pointing 
to its selection indicator and dragging it away. 
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BACKGROUND OF THE INVENTION AND PRIOR 
ART 

As software programs become more complex, 
one of the biggest issues that program designers 
face is making all of a software program's controls 
easily accessible to users within a user interface. 
Most software products act on a central depository 
called a document, whose content a user creates 
and edits. A document is typically displayed in a 
rectangular region of the display screen called a 
document window. A spreadsheet user arranges 
numbers and titles in a spreadsheet document 
which acts like a 2-dimensional table. A word- 
processing user edits a document which is de- 
signed to visually mimic a sheet of paper. An 
image software user works on a document which 
looks like a photograph. 

To create and perform actions on these docu- 
ments, programmers have used a variety of user 
interface elements such as menus, dialog boxes 
and floating palettes. Pull-down menus, such as the 
one shown in Fig. 1, are typically lists of com- 
mands which can be hidden and activated or pulled 
down with a pointing or cursor control device, such 
as a "mouse" or trackball, or a keyboard com- 
mand. In the example of Fig. 1, a click on com- 
mand word "View" 1 in the menu at the top of the 
screen will cause the pull-down menu 2 to appear. 
These single-word commands take up very little 
screen real estate because the pull-down menu, in 
its collapsed state, has a very compact form, such 
as a single command word. 

Dialog boxes, such as the one shown in Fig. 2, 
are interface elements that are typically composed 
of rectangular regions that appear outside of the 
document window. While a dialog box is active, 
action within the document is usually halted while 
the user is requested to select one or more of a 
number of options identified within the dialog box. 
The dialog box is then dismissed and disappears, 
and the document is updated based upon the se- 
lection which the user made from the dialog box. 

Floating palettes (or simply "palettes"), unlike 
dialog boxes, are typically rectangular regions that 
"float" above or near the document window or 
even inside it and contain commands or tools 
which are used in an interactive fashion. As op- 
posed to dialog boxes, floating palettes are "non- 
modal". This means that, unlike dialog boxes, ac- 
tions occurring within the document are not halted 
while the palettes are being accessed by the user. 
Accordingly, floating palettes are most useful for 
holding tools and commands that a user needs to 
access interactively in tandem with the document 
itself. In the example of Adobe Photoshop™ , float- 
ing palettes are used to select colors, document 
layers or tools, among other things. 



As software becomes more complex, the num- 
ber of possible actions and commands within each 
program rapidly multiplies. Menus become larger 
and longer; dialog boxes proliferate; and the num- 

5 ber of required floating palettes grows. Thus, one 
of the most important tasks of the software creator 
is to manage the growing complexity of a pro- 
gram's user interface. The objective is to make all 
of a program's capabilities easily accessible and 

w understandable, yet keep as much as possible of 
the document itself fully accessible and visible. 
This requires the minimization of the screen real 
estate used for the user interface elements dis- 
cussed above, particularly those which remain on 

75 the screen for long periods. 

In the screen example shown in Fig. 3 from the 
Microsoft Excel™ program, five of the nine possi- 
ble floating palettes 3, 4, 5, 6 and 7, which Excel 
terms "toolbars", have been made accessible. 

20 Each of the icons (pictorial representations of com- 
mands) situated in these named palettes "Utility", 
"Macro", "Drawing", "Formatting" and "Chart", ex- 
ecutes an Excel command when accessed by the 
mouse. Note, however, that these five palettes ob- 

25 scure a great deal of the document window, mak- 
ing it more difficult for the user to view and ma- 
nipulate data within the document. This illustrates 
the problem of making commands easily acces- 
sible while maintaining as much as possible of the 

30 document accessible at the same time. 

There are several ways that software engineers 
have tried to resolve these conflicting goals. The 
most basic way is to switch the floating palettes 
from visible to invisible when specific menu com- 
as mands are chosen. For example, Adobe Photoshop 
has commands that enable a user to selectively 
hide or show the "Colors" palette. 

Microsoft Excel, as shown in Fig. 3, imple- 
ments two other popular schemes. In the case of 

40 the "Macro" palette 4, for example, movement of 
the tiny box 8 in the lower right hand corner allows 
the palette to be reoriented. As shown in Fig. 4, the 
"Macro" palette can be oriented either vertically or 
horizontally. 

45 The second mechanism that Excel employs 

allows users to create custom palettes which con- 
tain the user's own private selection of command 
icons. Each of the icons on these palettes symbol- 
izes and activates a selected Excel command. In 

so this fashion, a user can customize the program so 
the commands that are used most often can be 
made the most accessible. 

As will be apparent, all of these solutions solve 
part of the problem. However, as the number and 

55 variety of desirable floating palettes grow, addi- 
tional real estate saving techniques must be in- 
vented. 



3 



EP 0 689 133 A2 



4 



BRIEF DESCRIPTION OF THE INVENTION 

The method of this invention can work in con- 
junction with the prior art techniques, described 
above, providing still more savings in screen real 
estate when floating palettes are employed. Briefly, 
the method of this invention for displaying on a 
computer screen multiple sets of information need- 
ed on a recurring basis comprises the following 
steps; (1) establishing an area on the computer 
screen in which the multiple sets of information are 
to be displayed, the area haying a maximum size 
which is substantially less than the entire area of 
the screen; (2) providing within that area a plurality 
of selection indicators, one for each of the multiple 
sets of information; and (3) selecting one of the 
multiple sets of information for display within the 
established area by pointing to one of the selection 
indicators within the established area, whereby the 
selected set of information will be substituted within 
the same area for the set of information which 
previously had been displayed within the estab- 
lished area. When the user no longer wants the 
sets of information to be combined, he or she may 
point to one of the selection indicators within the 
selected area and move or drag one of the se- 
lected sets of information away from the estab- 
lished area. 

Using the method of this invention, the same 
screen area can be used for these multiple sets of 
information, thereby freeing up more area of the 
document for user access. Alternatively, this space 
saving technique can be employed to make avail- 
able more floating palettes than were previously 
possible with prior art techniques. 

BRIEF DESCRIPTION OF THE DRAWINGS 

Fig. 1 illustrates the use of pull-down menus in a 
computer program; 

Fig. 2 illustrates a typical dialog box in a com- 
puter program; 

Fig. 3 illustrates the use of floating palettes in a 
computer program; 

Fig. 4 illustrates the use of re-orientable palettes 
in a computer program; 

Fig. 5 shows an arrangement of floating palettes 
of the invention with one palette overlapping 
another; 

Fig. 6 shows two separate combinable palettes 
of the type used in the invention before they are 
combined; 

Figs. 7 and 8 show two examples of combined 
floating palettes in accordance with the inven- 
tion; and 

Fig. 9 illustrates the control flow for the combin- 
able palettes of a preferred embodiment of the 
invention. 



DETAILED DESCRIPTION OF THE PREFERRED 
EMBODIMENT 

The invention works with floating palettes that 
5 may be used in accordance with prior art tech- 
niques. For example, the "Scratch", "Swatches" 
and "Picker" palettes, shown in Fig. 5 as palettes 
10, 12 and 14, respectively, are three different sets 
of controls used for selecting colors in the Adobe 
10 Photoshop program. As with typical prior art float- 
ing palettes, they can be moved anywhere on the 
screen. They can be overlapped, as is shown in 
Fig. 5, where "Picker" palette 14 is partially over- 
lapped onto "Swatch" palette 12. And they can be 
75 hidden by clicking on the "close boxes" 16, 18 and 
20, respectively located in the upper left corner of 
each of the three palettes 10, 12 and 14 in Fig. 5. 
Once hidden, a palette is re-activated, as is well 
known in the art, by choosing an appropriate menu 
20 command which designates the hidden palette. As 
with normal Macintosh® software, clicking on any 
of boxes 16, 18 or 20 totally removes the palette 
containing that box from the screen. In accordance 
with this invention, any hidden palettes underneath 
25 the top one would also be removed. 

The technique of the invention departs from 
prior art solutions to the screen real estate saving 
problem by allowing multiple palettes to be com- 
bined so that they occupy the same screen real 
30 estate and move as a combined unit, in accor- 
dance with the invention, by clicking on the title 
control tabs 22, 24 or 26 of one of palettes 10, 12 
or 14, respectively, shown as folder tabs entitled 
"Scratch", "Swatches" and "Picker" just under the 
35 top left corner of each of these palettes 10. 12 and 
14, a particular palette is selected. For example, in 
Fig. 6, if "Scratch" palette 10 is selected (by clic- 
king on the "Scratch" tab) and dragged to the left 
so as to partially overlap the "Swatches" palette 
40 12, as shown by the dotted box 11 in Fig. 6, 
instead of the palettes remaining partially over- 
lapped, as shown by the dotted box 11 in Fig. 6, 
they will be physically combined in area 40, as 
shown in Fig. 7. 
45 In their combined state, shown as screen area 

40 in both Figs. 7 and 8. the "Scratch" and 
"Swatches" palettes 10 and 12 move as one and 
occupy the exact same physical screen space 40 
as a single palette. Screen area 40 in Fig. 7 shows 
so the "Scratch" palette 10 selected and visible, the 
"Swatches" palette 12 being hidden behind it with 
only its control tab 34 visible. The same screen 
area 40 in Fig. 8 shows the "Scratch" palette 10 
hidden with only its control tab 36 visible and the 
55 "Swatches" palette 12 is selected and fully visible. 
It is important to note that the tab controls of both 
palettes always remain accessible, as shown. 
When combined, the palette control tabs of the two 
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unified palettes assume one of two states: active, 
as shown by "Scratch" tab 30 in Fig. 7 and 
"Swatches" tab 32 in Fig. 8, or inactive, as shown 
by "Swatches" tab 34 in Fig. 7 and "Scratch" tab 
36 in Fig. 8. Only the active palette is displayed, 
not the inactive one. Clicking on an inactive palette 
control tab, which always remains displayed, 
makes that palette the active one, and makes the 
formerly active palette inactive. By clicking on tab 
34 in screen area 40 in Fig. 7, for example, the 
inactive "Swatches" palette 12 will replace the ac- 
tive and visible "Scratch" palette 10 as the palette 
in view, as shown in screen area 40 in Fig. 8. 

Virtually any number of palettes can be com- 
bined, one behind the other, by this same tech- 
nique, not just two. The only requisite is that the 
tabs of the hidden palettes always be visible so an 
inactive palette can be identified and retrieved. 
Combined palettes may easily be separated by the 
same technique as used for combining them, as 
illustrated in Fig. 6. Clicking on the title control tab 
34 in Fig. 7 of the inactive "Swatches" palette and 
dragging it outside of the combined screen area 40 
will liberate the hidden "Swatches" palette 12 and 
place "Swatches" palette 12 in an area of the 
screen where it can be viewed. 

The method of the invention is described in 
more detail using the flow chart of Fig. 9. The 
method starts at box 50 where the user clicks the 
pointer on the floating palette control tab. At step 
52 a determination is made whether the mouse 
button has been released. If the answer is yes, a 
second determination is made at step 54 as to 
whether the selected palette control tab was behind 
other tabs. The tab will be "behind" other tabs 
when it belongs to an inactive palette which is 
combined with an active palette. If the answer to 
that question is yes, the selected tab is made 
active, the other tabs with which it is combined are 
made inactive and its palette contents are made 
visible. If desired, the palette indicated by the se- 
lected tab also may be resized, as is well known in 
the art, for example, in Microsoft "Windows". The 
palette options are brought to the foreground at the 
same time. On the other hand, if the selected tab 
was determined at step 54 not to be combined with 
other tabs, or is already active, then nothing further 
need be done. 

If it was determined at step 52 that the mouse 
button had not been released, a determination is 
made at step 56 whether the selected tab was 
dragged past the edge of the screen area of the 
palette controlled by the selected tab (such as 
screen area 40 in Figs. 7 and 8). If not. nothing 
further is done. If so, however, at step 58 a deter- 
mination is made whether the selected palette is 
currently combined with any others. If so, the se- 
lected palette is highlighted. Moreover, the palette 



associated with the selected tab is separated from 
the inactive palettes in the selected palette group. 

If the selected palette was determined in step 
58 not to be combined with any others, then a 

5 determination is made at step 60 whether the tab is 
now on top of another palette. If so, the palette 
which the selected tab is on top of is highlighted. In 
addition, the palette associated with the selected 
tab is combined with the palette that it is on top of. 

w If the determination, in step 60 finds that the tab is 
not now on top of another palette, the selected 
palette is merely moved the distance that the tab 
was dragged, as was determined at step 56. 

The technique of the invention provides a way 

;5 of combining palette controls to allow multiple sets 
of controls to occupy the same screen space. The 
invention allows any number of palettes to be com- 
bined or separated at the user's discretion. 

A general description of the device and method 

20 of the present invention as well as a preferred 
embodiment of the present invention has been set 
forth above. For example, the palettes could be 
somewhat different from each other in area, and a 
smaller one may be placed on top of a larger one 

25 (or vice-versa), where either the smaller one would 
expand to fill the space of the larger, or the larger 
one shrink to conform to the smaller, taking into 
account any size limitations imposed upon one or 
more palettes by the underlying program. One 

30 skilled in the art will be able to practice variations 
in the methods described which fall within the 
scope of the teachings of this invention, which 
should only be limited as set forth in the claims 
which follow. 

35 

Claims 

1. A method for displaying on a computer screen 
multiple sets of information needed on a recur- 

40 ring basis, comprising the steps of: 

establishing an area on the computer 
screen in which the multiple sets of information 
are to be displayed, the area having a maxi- 
mum size which is substantially less than the 
45 entire area of the screen; 

providing within the area a plurality of se- 
lection indicators, one for each of the multiple 
sets of information; and 

selecting one of the multiple sets of in- 
50 formation for display within the established 

area by pointing to one of the selection indica- 
tors within the established area, whereby the 
selected set of information will be substituted 
within the area for the set of information pre- 
ss viously being displayed therein. 

2. The method of claim 1 wherein the established 
area is movable to various desirable locations 
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around the screen. 

3. The method of claim 1 wherein separately 
displayed sets of information are combined 

into the area established on the screen. 5 

4. The method of claim 3 wherein the set of 
information is combined by pointing to a selec- 
tion indicator for the set of information and 
dragging it into the area. w 

5. The method of claim 1 wherein one of the 
multiple combined sets of information in the 
established area is moved away from the es- 
tablished area. 15 

6. The method of claim 5 wherein the move is 
accomplished by pointing to a selection indica- 
tor for the set of information to be moved and 
dragging it away from the established area. 20 
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(57) A method for displaying on a computer screen 
multiple sets of information needed on a recurring basis, 
comprising the steps of: (1) Establishing an area on the 
computer screen in which the multiple sets of informa- 
tion are to be displayed, the established area having a 
maximum size which is substantially less than the entire 
area of the screen. (2) Providing within the established 
area a plurality of selection indicators, one for each of 
the multiple sets of information. (3) Selecting one of the 
multiple sets of information for display within the estab- 
lished area by pointing to one of the selection indicators 
within the established area, whereby the selected set of 
information will be substituted within the established 
area for the set of information previously being dis- 
played therein. A selected set of information may also 
be moved out of the selected area by pointing to its 
selection indicator and dragging it away. 
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